  <div id="treasureDetailsPanel" class="col-md-6 panelCommon">
	  <fieldset>
	    <legend class="titleStyle" >Treasure Details</legend>	
	    <label class="labelCommon" >Template Name:</label>
	  	<input type="text" value="{{$parent.selectedTreasureTemplate.name}}"  readonly class="textCommon">
	  	<label class="labelCommon">Treasure Name:</label>
	  	<input type="text" data-ng-model="$parent.selectedTreasureTemplate.treasureInstance.name"   class="textCommon">
	  	<br/>
	  	<label class="labelCommon">Treasure Message:</label>
	  	<textarea id="txtLockQuestion" class="form-control" rows="5" data-ng-model="$parent.selectedTreasureTemplate.treasureInstance.treasureMessage"></textarea>
	  	<br/>
	  	<label class="labelCommon">Treasure Points:</label>
	  	<input type="text" data-ng-model="$parent.selectedTreasureTemplate.points"  class="textCommon">
	  	<br/>
	  	<label class="labelCommon">Key:</label>
	  	<input type="text" data-ng-model="$parent.selectedTreasureTemplate.key"  class="textCommon">
	  	<br/>
	  	<br/>
	  	<label class="labelCommon" >Content:</label>
	  	<input type="file" onchange="angular.element(this).scope().onFileSelectedChange(this);"  style="position:absolute; bottom:108px; left:218px;"></input>
	  	<div style="width:200px; height:5px;"></div> <!-- empy div to take up space to make placement of above work  -->
	  	<label class="labelCommon">Content Type:</label>
	  	<input type="text" data-ng-model="$parent.selectedTreasureTemplate.content.type" readonly class="textCommon">
	  	<label class="labelCommon">Content Size:</label>
	  	<input type="text" data-ng-model="$parent.selectedTreasureTemplate.content.size" readonly class="textCommon">
	  	<br/>
	  </fieldset>	
  </div>
  
  